<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
</head>
<body>
<div class="container">
    <div class="head">
        <div>
            <a href="#" class="logo"></a>
            <ul class="menu">
                <li class="selected"><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Service</a></li>
            </ul>
        </div>
    </div>

    <div class="content">
        <div class="content-content">
            <h3>
                This website template<br>
                &nbsp;&nbsp;&nbsp;is FREE
            </h3>

            <p>
                This website template has been designed by Free Website Templates for you, for free. You can replace all this text with your
                own text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
                dolore magna aliquam erat volutpat. Ut wisi enim ad minim
            </p>

            <a href="#">
                Lorem Ipsum button dolor
            </a>
        </div>
    </div>

    <div class="show">
        <ul class="show-menu">
            <li class="crown item">
                <a href="#">
                    <img src="../images/crown.png" alt="crown">
                </a>

                <h3>Lorem Ipsum Dolor</h3>

                <p>
                    This website template has been designed by Free Website Templates for you, for free. You can replace all this text
                    with your own text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                    tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
                </p>
                <a href="#">Read More!</a>
            </li>
            <li class="cake item">
                <a href="#">
                    <img src="../images/cake.png" alt="cake.png">
                </a>
                <h3>Lorem Ipsum Dolor</h3>
                <p> This website template has been designed by Free Website Templates for you, for free. You can replace all this text
                    with your own text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                    tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
                </p>
                <a href="#">Read More!</a>
            </li>
            <li class="glasses item">
                <a href="#">
                    <img src="../images/mask.png" alt="mask.png">
                </a>
                <h3>Lorem Ipsum Dolor</h3>

                <p> This website template has been designed by Free Website Templates for you, for free. You can replace all this text
                    with your own text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                    tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
                </p>
                <a href="#">Read More!</a>
            </li>
        </ul>
    </div>

    <div class="footer">
        <div>
            <ul class="l-menu">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Gallery</a></li>
            </ul>
            <p>
                This website template has been designed by Free Website Templates for you, for free. You can replace all this text with your
                own text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
                dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
                nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
                luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam

            </p>
            <ul class="r-menu">
                <li class="vimeo"><a href="#">Viemo</a></li>
                <li class="facebook"><a href="#">FaceBook</a></li>
                <li class="twitter"><a href="#">Twitter</a></li>
            </ul>
            <p class="footnote">© Copyright © 2011. Company name. All rights reserved</p>
        </div>

    </div>

</div>
</body>
</html>